<template>
  <view class="colorB">
    <view class="font-card" style="margin: 72rpx auto;display: table;">绑定银行卡</view>
    <view class="" style="margin:  0 0 43rpx 68rpx;font-size: 40rpx;">
      <text class="">银行卡号:</text>
      <input type="number">
    </view>
    <view class="gradient" />
    <view class="" style="margin: 72rpx 0 43rpx 68rpx;font-size: 40rpx;">
      <text>手机号码:</text>
      <input type="number">
    </view>
    <view class="gradient" />
    <view class="flex" style="margin: 72rpx 0 43rpx 68rpx;">
      <view style="font-size: 40rpx;">短信验证:</view>
      <input type="text" placeholder="填写验证码" style="width: 165rpx;margin:0 71rpx 0 21rpx;">
      <view class="mainColor colorB border-28"
        style="width: 219rpx;height: 55rpx;text-align: center;line-height: 55rpx;font-size: 24rpx;">发送验证码</view>
    </view>
    <view class="gradient" style="margin-bottom: 86rpx;" />
    <view class="mainColor colorB"
      style="width: 217rpx;height: 217rpx;border-radius: 50%;text-align: center;line-height: 217rpx;margin: auto;">申请绑定
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {

      };
    }
  }
</script>

<style lang="scss">

</style>